<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    伪类选择器  :hover    
    :focus  获取焦点  输入框

    继承性  字体先关  文本相关
    层叠性 
    权重问题 
   !important(最高) 行内样式(1000)  id (100)   class(10)  标签(1)  通配符(继承属性)(0)



   背景属性  background-color/image/repeat/position/attachment  
   bgp  位置  
   background-size:cover; 

   精灵图片:  减少 http请求次数,
   bgp 的使用


   标签的表现形式 
   块级元素  block 设置宽高  换行
   行内元素  inline 同行展示   宽高无效
   行内块元素 inline-block 设置宽高有效,同行展示 

   转换 display:block/inline/inline-block 


   透明度 opacity(给元素设置)    rgba()(给元素的背景色设置)


   overflow 超出部分 如何展示   hidden/auto 

   显示和隐藏  display:none;和 display:不为none; 
   visibility:hidden;  visible 

   vercial-align   图片和文字的 对齐方式 





</body>
</html>
